import Vue from 'vue'
import App from './App.vue'


import Vuep from 'vuep'
import 'vuep/dist/vuep.css'
Vue.use(Vuep);

// https://github.com/cameronhimself/vue-drag-drop
import { Drag, Drop } from 'vue-drag-drop';
Vue.component('drag', Drag);
Vue.component('drop', Drop);

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

//拖拽布局核心组建
import $layout from './plugin/layout.js'
Vue.use($layout);



import Dynamic from './components/Dynamic/Component.vue';
Vue.component('dynamic-component', Dynamic);//实时渲染
Vue.component('layout-ceil', require('./components/Layout/Ceil.vue').default);
Vue.component('layout-col', require('./components/Layout/Col.vue').default);
Vue.component('layout-drag-col', require('./components/Layout/DragCol.vue').default);


import VueGridLayout from 'vue-grid-layout';
var GridLayout = VueGridLayout.GridLayout;
var GridItem = VueGridLayout.GridItem;
Vue.component('grid-layout', GridLayout);
Vue.component('grid-item', GridItem);

Vue.config.productionTip = false
new Vue({
  render: h => h(App)
}).$mount('#app')